<template>
<div style="padding: 5px;">

    <h3>兄弟组件之间mitt事件通信</h3>
    <Brother></Brother>
    <br>
    <br>
    <YoungerBrother></YoungerBrother>

    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
    <h2>er2r</h2>
</div>

</template>
<script>
import Brother from "@/components/Brother.vue";
import YoungerBrother from "@/components/YoungerBrother.vue";

export default{
    components: {
        Brother,YoungerBrother
    },
    data(){
        return{

        }
    },
    methods:{

    }

}

</script>
<style></style>